<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>CSS 代替旧的html 中的属性</title>
</head>
<body style="background-color: white">
    <h2 style="background-color: red">This is a heading</h2>
    <p style="background-color: green">This is a paragrah 使用 CSS代替HTML的属性 bgColor</p>
    <h2 bgColor="blue">旧的方式</h2>  <!-- 这种方式 需要使用 css 替换掉 -->

    <h1 style="font-family:verdana">A heading</h1>
    <p style="font-family:arial;color:red;font-size:20px;">A paragraph.</p>
    <h1><font face="verdana">A heading</font></h1>
    <p><font size="5" face="arial" color="red">A paragraph.</font></p>  <!-- WS 会提示 表示这种已经弃用-->

    <h1 align="center">这是旧的文字对齐的属性align</h1> <!-- 这是不推荐的用法-->
    <h1 style="text-align: center">这是新的使用css替换后的效果</h1>
</body>
</html>